<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>文章</title>
    <link rel="stylesheet" type="text/css" href="/cloud_note/note/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/cloud_note/note/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="/cloud_note/note/css/master.css" />
    <link rel="stylesheet" type="text/css" type="text/css" href="/cloud_note/note/css/gloable.css" />
    <link rel="stylesheet" type="text/css" href="/cloud_note/note/css/nprogress.css" />
    <link rel="stylesheet" type="text/css" href="/cloud_note/note/css/blog.css" />
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <nav class="nav" id="nav">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="article.html">博客</a></li>
                        <li><a href="link.html">友链</a></li>
                    </ul>
                </nav>
<!--                <a href="/User/QQLogin" class="blog-user">-->
<!--                    <i class="fa fa-qq"></i>-->
<!--                </a>-->
                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>
    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
		    <div class="col-content">
		        <div class="inner">
		            <article class="article-list bloglist" id="LAY_bloglist" >

		            </article>
		        </div>
		    </div>
		    <div class="col-other">
		        <div class="inner">
					<div class="other-item" id="categoryandsearch">
			    		<div class="search">
					        <label class="search-wrap">
					            <input type="text" id="searchtxt" placeholder="输入关键字搜索" />
					            <span class="search-icon">
					                <i class="fa fa-search"></i>
					            </span>
					        </label>
			        		<ul class="search-result"></ul>
			    		</div>
			    		<ul class="category mt20" id="category">
				        	<li data-index="0" class="slider"></li>
				        	<li data-index="1"><a id="all">全部文章</a></li>
			    		</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
					<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
					<div class="article-category">
					    <div class="article-category-title">分类导航</div>
					            <a href="/Blog/Article/1/">个人日记</a>
					            <a href="/Blog/Article/2/">HTML5&amp;CSS3</a>
					            <a href="/Blog/Article/3/">JavaScript</a>
					            <a href="/Blog/Article/4/">ASP.NET MVC</a>
					            <a href="/Blog/Article/5/">其它</a>
					    <div class="f-cb"></div>
					</div>
					<!--遮罩-->
					<div class="blog-mask animated layui-hide"></div>
		        </div>
		    </div>
		</div>
    </div>
    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                    <div class="contact">
                        <a href="javascript:void(0)" class="github" target="_blank"><i class="fa fa-github"></i></a>
                        <a href="https://wpa.qq.com/msgrd?v=3&uin=930054439&site=qq&menu=yes" class="qq" target="_blank" title="930054439"><i class="fa fa-qq"></i></a>
                        <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw" class="email" target="_blank" title="930054439@qq.com"><i class="fa fa-envelope"></i></a>
                        <a href="javascript:void(0)" class="weixin"><i class="fa fa-weixin"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="/cloud_note/note/layui/layui.js"></script>
    <script src="/cloud_note/note/js/yss/gloable.js"></script>
    <script src="/cloud_note/note/js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
 	<script src="/cloud_note/note/js/yss/article.js"></script>
    <script> 
        window.onload = function () {
            NProgress.done();
        };
    </script>
</body>
</html>
